<template>
  <!-- 图标旋转 -->
  <div class="earth">
    <img class="an img" src="../../../assets/images/earth.png">
  </div>
</template>

<script>
  export default {
    name: 'Process',
    props: {
      width: {
        type: String,
        default: '100%'
      },
      height: {
        type: String,
        default: ''
      }
    },
    data() {
      return {}
    },
  }
</script>

<style scoped>
.earth{
  text-align: center;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.an{
  -webkit-transform: rotate(360deg);
  animation: rotation 8s linear infinite;
  -moz-animation: rotation 8s linear infinite;
  -webkit-animation: rotation 8s linear infinite;
  -o-animation: rotation 8s linear infinite;;
}
.img{
  width: 100%;
}
</style>
